html.semi-dark .sidebar-wrapper {
    background: #171717;
    border-right: 1px solid #e4e4e400;
    box-shadow: 0 0.1rem 0.7rem rgb(0 0 0 / 32%) !important;
}

html.semi-dark .sidebar-wrapper .sidebar-header {
    background: #171717;
    border-right: 1px solid #e4e4e400;
    border-bottom: 1px solid rgb(255 255 255 / 15%)
}

html.semi-dark .sidebar-wrapper .sidebar-header .logo-text {
    color: #e7e9ec
}

html.semi-dark .sidebar-wrapper .sidebar-header .toggle-icon {
    color: #e7e9ec
}

html.semi-dark .sidebar-wrapper .metismenu a {
    color: #9ea4aa
}

html.semi-dark .sidebar-wrapper .metismenu .mm-active > a, html.semi-dark .sidebar-wrapper .metismenu a:active, html.semi-dark .sidebar-wrapper .metismenu a:focus, html.semi-dark .sidebar-wrapper .metismenu a:hover {
    color: #fff;
    text-decoration: none;
    background: rgb(255 255 255 / 18%)
}

html.semi-dark .sidebar-wrapper .metismenu ul {
    border: 1px solid #ffffff00;
    background: rgb(255 255 255 / 8%)
}

html.semi-dark .simplebar-scrollbar:before {
    background: rgba(255, 255, 255, .4)
}

html.semi-dark .logo-icon {
    filter: invert(1) grayscale(100%) brightness(200%)
}

html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-1, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-10, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-11, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-12, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-2, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-3, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-4, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-5, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-6, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-7, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-8, html.ColorLessIcons .sidebar-wrapper .metismenu .icon-color-9 {
    color: inherit
}


html.minimal-theme .topbar {
    background: #f7f7ff;
    border-bottom: 1px solid #dee2e6;
    box-shadow: none !important
}

html.minimal-theme .sidebar-wrapper .metismenu ul {
    background: #f7f7ff;
    border-bottom: 1px solid #dee2e6;
    box-shadow: none !important
}

html.minimal-theme .topbar .search-control {
    background-color: #f7f7ff;
    border: 1px solid #dee2e6
}

html.minimal-theme .topbar .user-box {
    border-left: 1px solid #dee2e6
}

html.minimal-theme .sidebar-wrapper {
    background: #f7f7ff;
    border-right: 1px solid #dee2e6;
    box-shadow: none !important
}

html.minimal-theme .sidebar-header {
    background: #f7f7ff;
    border-bottom: 1px solid #dee2e6;
    background-clip: padding-box
}

html.minimal-theme .card {
    background-color: #f7f7ff;
    box-shadow: none;
    border: 1px solid rgb(0 0 0 / 12%) !important;
}

html.minimal-theme .page-footer {
    background: #f7f7ff;
}

@media screen and (min-width: 1025px) {
    html.minimal-theme .wrapper.toggled.sidebar-hovered .sidebar-wrapper {
        box-shadow: 0 .3rem .8rem rgba(0, 0, 0, .12) !important
    }
}